<!DOCTYPE html>
<html lang="en">

<header>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="style/rest.css">
    <link rel="stylesheet" type="text/css" href="style/common.css">
    <link rel="stylesheet" type="text/css" href="style/index.css">
</header>

<body>
    <div class="wrapper">
        <div class="main-wrapper">
            <header class="header">
                <div class="logo">简易博客</div>
            </header>
            <div class="main clearfix">
                <section class="main-left fl">
                    <div class="left-content" id="blogList"></div>
                </section>
                <section class="main-right fr">
                	<div class="right-content">
                		<div class="author-info">
                			<div class="tip">关于作者</div>
	                    <div class="img">
	                    	<img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=4290473902,589193146&fm=58" width="100%" height="100%" alt="作者">
	                    </div>
	                    <div class="introduce-info">
                         <div class="nickname">用户昵称:<a id="nickname" href="javascript:;"></a></div>   
                        </div>
	                	</div>
	                  <div class="new-article">
	                  	<div class="tip">最新文章</div>
                        <div class="item-list" id="newArticle"></div>
	                  </div>
                	</div>
                </section>
            </div>
            <footer class="footer">
            	<p class="company">简易博客</p>
            	<p class="copyright">Copyright&nbsp;&nbsp;&copy;&nbsp;&nbsp;2005&nbsp;-&nbsp;2018&nbsp;&nbsp;</p>
            </footer>
        </div>
    </div>
</body>

<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>